<template>
  <div class="divdiv">
    <div>
      <img :src="ulrs" alt="" class="dogcs" />
      <div @click="dogbtn">{{ dogs }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['ulrs', 'dogs', 'index'],
  data() {
    return {}
  },
  methods: {
    dogbtn() {
      this.$emit('dogname', this.index)
    },
  },
}
</script>

<style lang="less" scoped>
.dogcs {
  width: 500px;
  height: 400px;
}
</style>
